<!DOCTYPE html>
<html>
<head>
    <title>订单详情</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="__STATIC_URL__/static/weui/style/weui.min.css?v2"/>
    <link href="__STATIC_URL__/static/css/ggk/activity-style.css?v=5" rel="stylesheet" type="text/css"/>
    <script src="__STATIC_URL__/static/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>

    <style>
        body {
            background: #f8f8f8;

        }

        .icon_sp_area span {
            font-size: 1.5em;
            color: #00c715;
        }

        .weui-msg {
            padding-top: 20px;
            text-align: center;

            background-color: #f5f5f5;
            padding-bottom: 20px;

        }

        .weui_icon_msg:before {
            font-size: 84px;
        }

        .weui-form-preview__hd .weui-form-preview__value {
            font-size: 1.6em;
            text-align: center
        }

        ul, li, ol, dl, dd, dt {
            list-style: none;
        }

        footer dt {
            margin-top: 10px;
        }

        footer {

            padding: 0 15px;
        }

        footer dl {
            position: relative;
        }

        footer img {
            width: 100%;
        }

        footer dd {
            position: absolute;
            left: 0;
            bottom: 2px;
            line-height: 30px;
            width: 100%;
            color: #fff;
            text-indent: 15px;
            background: rgba(0, 0, 0, 0.5);
        }

        #nav {
            font-size: 12px;
            padding-bottom: 15px;
        }

        #nav li {
            width: 100%;
            height: 0px;
            line-height: normal
        }

        #nav .item1 {
            width: 100%;
            border-bottom: 1px solid #dbdbdb;
            margin-bottom: -15px;
        }

        #nav li a {
            width: 100%;
            display: block;
            color: #dbdbdb;
            text-decoration: none;
            padding: 6px 5px;
            text-align: center;
        }

        #nav li span {
            background: #f8f8f8;
            padding: 6px 15px;
        }

        #nav li a span {
            font-size: 14px;
            color: #9d9d9d;
        }
        footer {
            margin-bottom: 15px;
        }
    </style>

</head>
<body>

<div class="page preview js_show">
    <div class="weui-msg">
        <div class="icon_sp_area">
            <i class="weui-icon-success"></i><span>支付成功</span>

        </div>

    </div>

    <div class="page__bd">
        <div class="weui-form-preview">
            <div class="weui-form-preview__hd">
                <div class="weui-form-preview__item">

                    <span class="weui-form-preview__value">{$info['card_title']}-{$info['pay_num']}次</span>
                </div>
                <div class="weui-form-preview__item">

                    <span class="weui-form-preview__value"><font color='#76EE00'>￥{$info['price']}</font></span>
                </div>

            </div>
            <div class="weui-form-preview__bd">

                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">下单时间:</label>
                    <span class="weui-form-preview__value">{$info['add_time']|date="Y-m-d h:i:s",###}</span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">订单编号:</label>
                    <span class="weui-form-preview__value"><span id="ddbh">{$info['orderid']}</span></span>
                </div>

            </div>
        </div>
        <a class="weui-btn weui-btn_primary" href="{:url('cardjc/cardjcmy',['card_id'=>$info['card_id']])}"  style="margin-top: 50px; width: 90%;margin-bottom:20px;">返回</a>

        <br>
    </div>
</div>


</div>


</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
    wx.config({$share.wxjssdk});
    wx.ready(function(){
        wx.hideAllNonBaseMenuItem();
    });
</script>
</html>
